<template>
	<view class="a-page">
		<a-nav-bar>
			<q-btn color="primary" label="统计" @click="hook.统计" />
		</a-nav-bar>
		<view class="row flex-center q-gutter-lg ">
			<a-ziduan :单项="a.总计" 字段名="收款" 标题="总收款" 类型="人民币" />
			<a-ziduan :单项="a.总计" 字段名="台球费" 标题="总台球费" 类型="人民币" />
		</view>
		<a单项 v-for="(单项,index) in 单项组" :key="单项.id" :单项="单项" />
		<!-- 		<view class="row flex-center q-pa-lg" v-if="单项组.length==0">
			没有数据……
		</view> -->
	</view>
</template>

<script setup>
	import { computed, ref, watch } from "vue"
	import * as util from '@/amtf/utils'
	import a单项 from './tongji单项.vue'

	import usehook from "./hook.js"
	const hook = usehook()
	const { a, 统计, 单项组 } = hook
</script>

<style>

</style>